﻿<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
		<meta content="yes" name="apple-mobile-web-app-capable">
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<meta content="telephone=no" name="format-detection">
		<meta content="email=no" name="format-detection">
		<meta name="screen-orientation" content="portrait">
		<meta name="x5-orientation" content="portrait">
		<title>闪电极送</title>
		<link rel="stylesheet" href="../css/common.css">
		<link rel="stylesheet" href="../css/sd_buy.css">
		<link rel="stylesheet" href="../css/libs/iconfont.css">
		<link rel="stylesheet" href="../css/libs/weui.min.css">
		<link rel="stylesheet" href="../css/libs/jquery-weui.min.css">
		<script src="../js/libs/rem_quick.js"></script>
	</head>

	<body class="sd_buy">
		<header class="sd_nav flex_row">
			<a class="price_regular" href="../html/sd_price.html">计价规则<i class="iconfont icon-more"></i></a>
			<h2>闪电买</h2>
			<div id="open_center"><i class="iconfont icon-account"></i></div>
		</header>
		<form method="post" action="" name="buy_form" id="buy_form">
			<section class="buy_type">
				<ul class="flex_row flex_between b1">
					<li>
						<i class="iconfont icon-shopping "></i>
						<div class="name">任意买</div>
					</li>
					<li>
						<i class="iconfont icon-icon-test"></i>
						<div class="name">咖啡</div>
					</li>
					<li>
						<i class="iconfont icon-shuiguo"></i>
						<div class="name">水果</div>
					</li>
					<li>
						<i class="iconfont icon-icon-test1"></i>
						<div class="name">蛋糕</div>
					</li>
				</ul>
				<ul class="flex_row flex_between b2">
					<li>
						<i class="iconfont icon-xianhua"></i>
						<div class="name">鲜花</div>
					</li>
					<li>
						<i class="iconfont icon-yaopin"></i>
						<div class="name">药品</div>
					</li>
					<li>
						<i class="iconfont icon-shaokao2"></i>
						<div class="name">宵夜</div>
					</li>
					<li>
						<i class="iconfont icon-kuaican"></i>
						<div class="name">快餐</div>
					</li>
				</ul>
			</section>
			<section>
				<div class="buy_input flex_row">
					<div class="item_left flex_row buy_change">
						<i class="iconfont icon-shopping"></i>
						<div class="name">任意买</div>
					</div>
					<span class="g_line"></span>
					<textarea name="product_mes" id="product_mes" rows="3" placeholder="请输入详细的商品信息……"></textarea>
					<div class="limit_input"><span class="limit_left">0</span>/<span class="limit_right">40</span></div>
				</div>
			</section>
			<section>
				<address class="item_input flex_row buy_address">
				<div class="item_left flex_row">
					<i class="iconfont icon-dizhi"></i>
					<div class="name">详细地址</div>		
				</div>
				<span class="g_line"></span>
				<div class="item_right flex_row flex_between" >
						<div class="address flex1" id="nearbuy_off">
							<a id="detail_address" href="../html/sd_address.html?type=0"></a>
						</div>
						<i class="iconfont icon-more more"></i>
				</div>
			</address>
			</section>

			<section class="sp_need">
				<div class="item_input flex_row flex_between">
					<div class="item_left flex_row">
						<i class="iconfont icon-dengpao"></i>
						<div class="name">特殊要求</div>
					</div>
					<div class="item_right flex_row flex_end">
						<div class="ui_checkbox keep_warm">
							<input class="" type="checkbox" id="keep_warm">
							<label for="keep_warm"><i class="iconfont icon-gou"></i><span>配备保温箱</span></label>
							<input class="" type="checkbox" id="near_buy">
							<label for="near_buy"><i class="iconfont icon-gou"></i><span>就近购买</span></label>
						</div>
					</div>
				</div>
			</section>
			<section>
				<div class="item_input flex_row">
					<div class="item_left flex_row">
						<i class="iconfont icon-price"></i>
						<div class="name">商品价格</div>
					</div>
					<div class="item_right flex_row flex_between">
						<div class="item_price">
							<input id="res_price" type="tel" placeholder="请输入商品金额">
						</div>
						<div class="ui_checkbox">
							<input class="" type="checkbox" id="know_price">
							<label for="know_price"><i class="iconfont icon-gou"></i><span>不知道价格</span></label>
						</div>
					</div>
				</div>
			</section>
			<section>
				<div class="item_input flex_row">
					<div class="item_left flex_row">
						<i class="iconfont icon-dianhua"></i>
						<div class="name">联系电话</div>
					</div>
					<div class="item_right flex_row">
						<input id="user_tel" type="tel" name="user_tel">
					</div>
				</div>
			</section>
			<section>
				<div class="item_input flex_row">
					<div class="item_left flex_row">
						<i class="iconfont icon-icon"></i>
						<div class="name">预约时间</div>
					</div>
					<div class="item_right flex_row flex_between">
						<div id="select_time">立即购买(默认)</div>
						<i class="iconfont icon-more more"></i>
					</div>
				</div>
			</section>
			<section>
					<button type="button" class="form_submit">下一步</button>
					<div class="price_rule flex_row flex_center">
						<a href="javascript:;" class="open-popup" data-target="#popup">
							<i class="iconfont icon-information"></i>
							<span>价格明细</span>
						</a>
					</div>
			</section>
		</form>
		<!-- 遮罩层 -->
		<div class="mask">
			<div class="bg"></div>
			<!-- 时间选择器 -->
			<div class="time_box flex_column">

				<header class="flex_row flex_center tit">
					<i class="iconfont icon-icon"></i>
					<div class="name">请选择时间</div>
				</header>
				<div class="flex_row time_body">
					<div class="time_choose"></div>
					<div id="time_day">
						<ul>
							<li class="li_select">今天</li>
							<li>明天</li>
							<li>后天</li>
							<li></li>
						</ul>
					</div>
					<div id="time_hour">
						<ul>
							<li class="li_select start">00</li>
							<li>01</li>
							<li>02</li>
							<li>03</li>
							<li>04</li>
							<li>05</li>
							<li>06</li>
							<li>07</li>
							<li>08</li>
							<li>09</li>
							<li>10</li>
							<li>11</li>
							<li>12</li>
							<li>13</li>
							<li>14</li>
							<li>15</li>
							<li>16</li>
							<li>17</li>
							<li>18</li>
							<li>19</li>
							<li>20</li>
							<li>21</li>
							<li>22</li>
							<li>23</li>
							<li></li>
						</ul>
					</div>
					<div id="time_minute">
						<ul>
							<li class="li_select">00</li>
							<li>05</li>
							<li>10</li>
							<li>15</li>
							<li>20</li>
							<li>25</li>
							<li>30</li>
							<li>35</li>
							<li>40</li>
							<li>45</li>
							<li>50</li>
							<li>55</li>
							<li></li>
						</ul>
					</div>
				</div>
				<footer class="flex_row flex_between">
					<button class="cancel">立即购买</button>
					<span class="g_line"></span>
					<button class="confirm">确定</button>
				</footer>

			</div>
			<!-- 个人中心 -->
			<div id="user_center" class="flex_column">
				<header class="header">
					<i class="iconfont icon-gerenzhongxin"></i>
					<p id="get_phone">150*****5765</p>
				</header>
				<div class="flex_column main">
					<a href="../html/recharge.html"><i class="iconfont icon-chongzhi-"></i>充值</a>
					<a href="javascript:;" id="get_balance"><i class="iconfont icon-chongzhi"></i>余额<b id="balance_money"></b></a>
					<a href="../html/coupon.html"><i class="iconfont icon-iconfontquan"></i>优惠券<b id="coupon_num"></b></a>
					<a href="../html/my_order.html"><i class="iconfont icon-dingdan"></i>我的订单</a>
				</div>
				<footer>
					<span id="quit"><i class="iconfont icon-tuichu"></i></span>
				</footer>
			</div>
		</div>
		<!-- Jquery weui popup 6.23-->
		<div id="popup" class="weui-popup__container">
		  <div class="weui-popup__overlay"></div>
		  <div class="weui-popup__modal popup_bg">
			<div  class="close-popup close_md">返回订单</div>
			<div class="money_detail"></div>
		  </div>
		</div>	
	</body>
	<script src="../js/libs/jquery-1.10.1.min.js"></script>
	<script src="../js/libs/jquery-weui.min.js"></script>
	<script src="https://cdn.bootcss.com/iScroll/5.2.0/iscroll.js"></script>
	<script src="../js/common.js"></script>
	<script src="../js/sd_buy.js"></script>
	<script src="../js/sd_common.js"></script>
	<script type="text/javascript">
	</script>

</html>